// 放置全局指令
import Vue from 'vue'
import store from '@/store'

//
Vue.directive('checkBtn', {
  inserted(el, binding) {
    // el表示绑定的元素对象
    // binding表示参数对象  这个对象上有一个属性value

    // v-checkBtn="'CKGZ'  属性value 存放的是指令等于号后面的表达式的值
    const { value } = binding
    // 获取当前登录用户已经分配的按钮权限
    const checkPoints = store.state.user.userInfo.roles.points

    // 判断用户已分配的权限是否包含  按钮对应的表达式的值
    const hasPermission = checkPoints.includes(value)

    // 如果不包含，则移除该元素
    if (!hasPermission) {
      el.parentNode.removeChild(el)
      // el.remove()
    }
  }
})
